<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="theme-color" content="#333">
    <title>Material Style</title>
    <meta name="description" content="Material Style Theme">
    <link rel="shortcut icon" href="assets/img/favicon-v=3.png">
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="assets/css/preload.min.css">
    <link rel="stylesheet" href="assets/css/plugins.min.css">
    <link rel="stylesheet" href="assets/css/style.light-blue-500.min.css">
    <link rel="stylesheet" href="assets/css/width-boxed.min.css" id="ms-boxed" disabled="">
    <!--[if lt IE 9]>
        <script src="assets/js/html5shiv.min.js"></script>
        <script src="assets/js/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <a href="javascript:void(0)" class="ms-conf-btn ms-configurator-btn btn-circle btn-circle-raised btn-circle-primary animated rubberBand">
      <i class="fa fa-gears"></i>
    </a>
    <div id="ms-configurator" class="ms-configurator">
      <div class="ms-configurator-title">
        <h3>
          <i class="fa fa-gear"></i> Theme Configurator</h3>
        <a href="javascript:void(0);" class="ms-conf-btn withripple">
          <i class="zmdi zmdi-close"></i>
        </a>
      </div>
      <div class="panel-group" id="accordion_conf" role="tablist" aria-multiselectable="true">
        <div class="panel panel-default">
          <div class="panel-heading" role="tab" id="ms-conf-header-color">
            <h4 class="panel-title">
              <a role="button" class="withripple" data-toggle="collapse" data-parent="#accordion_conf" href="#ms-collapse-conf-1" aria-expanded="true" aria-controls="ms-collapse-conf-1">
                <i class="zmdi zmdi-invert-colors"></i> Color Selector </a>
            </h4>
          </div>
          <div id="ms-collapse-conf-1" class="card-collapse collapse show" role="tabpanel" aria-labelledby="ms-conf-header-color">
            <div class="panel-body">
              <div id="color-options" class="ms-colors-container">
                <a href="javascript:void(0);" class="ms-color-box ms-color-box-primary red" data-color="red">red</a>
                <a href="javascript:void(0);" class="ms-color-box ms-color-box-primary pink" data-color="pink">pink</a>
                <a href="javascript:void(0);" class="ms-color-box ms-color-box-primary purple" data-color="purple">purple</a>
                <a href="javascript:void(0);" class="ms-color-box ms-color-box-primary deep-purple" data-color="deep-purple">deep-purple</a>
                <a href="javascript:void(0);" class="ms-color-box ms-color-box-primary indigo" data-color="indigo">indigo</a>
                <a href="javascript:void(0);" class="ms-color-box ms-color-box-primary blue" data-color="blue">blue</a>
                <a href="javascript:void(0);" class="ms-color-box ms-color-box-primary light-blue active" data-color="light-blue">light-blue</a>
                <a href="javascript:void(0);" class="ms-color-box ms-color-box-primary cyan" data-color="cyan">cyan</a>
                <a href="javascript:void(0);" class="ms-color-box ms-color-box-primary teal" data-color="teal">teal</a>
                <a href="javascript:void(0);" class="ms-color-box ms-color-box-primary green" data-color="green">green</a>
                <a href="javascript:void(0);" class="ms-color-box ms-color-box-primary light-green" data-color="light-green">light-green</a>
                <a href="javascript:void(0);" class="ms-color-box ms-color-box-primary lime" data-color="lime">lime</a>
                <a href="javascript:void(0);" class="ms-color-box ms-color-box-primary yellow" data-color="yellow">yellow</a>
                <a href="javascript:void(0);" class="ms-color-box ms-color-box-primary amber" data-color="amber">amber</a>
                <a href="javascript:void(0);" class="ms-color-box ms-color-box-primary orange" data-color="orange">orange</a>
                <a href="javascript:void(0);" class="ms-color-box ms-color-box-primary deep-orange" data-color="deep-orange">deep-orange</a>
                <a href="javascript:void(0);" class="ms-color-box ms-color-box-primary brown" data-color="brown">brown</a>
                <a href="javascript:void(0);" class="ms-color-box ms-color-box-primary grey" data-color="grey">grey</a>
                <a href="javascript:void(0);" class="ms-color-box ms-color-box-primary blue-grey" data-color="blue-grey">blue-grey</a>
              </div>
              <div id="grad-options" class="ms-color-shine">
                <h4 class="no-mb text-center">Color Brightness</h4>
                <span>300</span>
                <span>400</span>
                <span>500</span>
                <span>600</span>
                <span>700</span>
                <span>800</span>
                <a href="javascript:void(0)" data-shine=300 class="ms-color-box grad c300 light-blue">300</a>
                <a href="javascript:void(0)" data-shine=400 class="ms-color-box grad c400 light-blue">400</a>
                <a href="javascript:void(0)" data-shine=500 class="ms-color-box grad c500 light-blue active">500</a>
                <a href="javascript:void(0)" data-shine=600 class="ms-color-box grad c600 light-blue">600</a>
                <a href="javascript:void(0)" data-shine=700 class="ms-color-box grad c700 light-blue">700</a>
                <a href="javascript:void(0)" data-shine=800 class="ms-color-box grad c800 light-blue">800</a>
              </div>
            </div>
          </div>
        </div>
        <div class="panel panel-default">
          <div class="panel-heading" role="tab" id="ms-conf-header-headers">
            <h4 class="panel-title">
              <a class="collapsed withripple" role="button" data-toggle="collapse" data-parent="#accordion_conf" href="#ms-collapse-conf-2" aria-expanded="false" aria-controls="ms-collapse-conf-2">
                <i class="zmdi zmdi-view-compact"></i> Header Styles </a>
            </h4>
          </div>
          <div id="ms-collapse-conf-2" class="card-collapse collapse" role="tabpanel" aria-labelledby="ms-conf-header-headers">
            <div class="panel-body">
              <!--<h5>Preset Options</h5>
                    <form class="form-inverse ms-conf-radio">
                        <div class="form-group">
                            <div class="radio radio-primary">
                                <label>
                                    <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked="">Default Style
                                </label>
                            </div>
                            <div class="radio radio-primary">
                                <label>
                                    <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">Pure Material
                                </label>
                            </div>
                            <div class="radio radio-primary">
                                <label>
                                    <input type="radio" name="optionsRadios" id="optionsRadios3" value="option3">Navbar Mode
                                </label>
                            </div>
                        </div>
                    </form>
                    <h5>Custom Header</h5>-->
              <h6>Header Options</h6>
              <form class="form-inverse ms-conf-radio" id="header-config">
                <div class="form-group">
                  <div class="radio radio-primary">
                    <label>
                      <input type="radio" name="customHeader" id="whiteHeader" value="white" checked="cheked"> Light Color </label>
                  </div>
                  <div class="radio radio-primary">
                    <label>
                      <input type="radio" name="customHeader" id="primaryHeader" value="primary"> Primary Color </label>
                  </div>
                  <div class="radio radio-primary">
                    <label>
                      <input type="radio" name="customHeader" id="darkHeader" value="dark"> Dark Color </label>
                  </div>
                  <div class="radio radio-primary">
                    <label>
                      <input type="radio" name="customHeader" id="noHeader" value="hidden"> No Header (Navbar Mode) </label>
                  </div>
                </div>
              </form>
              <h6>Navbar Options</h6>
              <form class="form-inverse ms-conf-radio" id="navbar-config">
                <div class="form-group">
                  <div class="radio radio-primary">
                    <label>
                      <input type="radio" name="customNavbar" id="whiteNavbar" value="white" checked=""> Light Color </label>
                  </div>
                  <div class="radio radio-primary">
                    <label>
                      <input type="radio" name="customNavbar" id="primaryNavbar" value="primary"> Primary Color </label>
                  </div>
                  <div class="radio radio-primary">
                    <label>
                      <input type="radio" name="customNavbar" id="darkNavbar" value="dark"> Dark Color </label>
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
        <div class="panel panel-default">
          <div class="panel-heading" role="tab" id="ms-conf-header-container">
            <h4 class="panel-title">
              <a class="collapsed withripple" role="button" data-toggle="collapse" data-parent="#accordion_conf" href="#ms-conf-collapse-3" aria-expanded="false" aria-controls="ms-conf-collapse-3">
                <i class="zmdi zmdi-grid"></i> Container Options </a>
            </h4>
          </div>
          <div id="ms-conf-collapse-3" class="card-collapse collapse" role="tabpanel" aria-labelledby="ms-conf-header-container">
            <div class="panel-body">
              <form class="form-inverse ms-conf-radio" id="boxed-config">
                <div class="form-group">
                  <div class="radio radio-primary">
                    <label>
                      <input type="radio" name="customWidth" id="fullWidth" value="full" checked=""> Full Width </label>
                  </div>
                  <div class="radio radio-primary">
                    <label>
                      <input type="radio" name="customWidth" id="boxedWidth" value="boxed"> Boxed Mode </label>
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="ms-preload" class="ms-preload">
      <div id="status">
        <div class="spinner">
          <div class="dot1"></div>
          <div class="dot2"></div>
        </div>
      </div>
    </div>
    <div class="ms-site-container ms-nav-fixed">
      <nav class="navbar navbar-expand-md navbar-fixed ms-lead-navbar navbar-mode navbar-mode mb-0" id="navbar-lead">
        <div class="container container-full">
          <div class="navbar-header">
            <a class="navbar-brand" href="index.html">
              <!-- <img src="assets/img/demo/logo-navbar.png" alt=""> -->
              <span class="ms-logo ms-logo-white ms-logo-sm">M</span>
              <span class="ms-title">Material
                <strong>Style</strong>
              </span>
            </a>
          </div>
          <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-right">
              <li class="nav-item">
                <a data-scroll class="nav-link active" href="#home">Home</a>
              </li>
              <li class="nav-item">
                <a data-scroll class="nav-link" href="#services">Services</a>
              </li>
              <li class="nav-item">
                <a data-scroll class="nav-link" href="#portfolio">Portfolio</a>
              </li>
              <li class="nav-item">
                <a data-scroll class="nav-link" href="#pricing">Pricing</a>
              </li>
              <li class="nav-item">
                <a data-scroll class="nav-link" href="#about">About us</a>
              </li>
              <li class="nav-item">
                <a data-scroll class="nav-link" href="#team">Team</a>
              </li>
              <li class="nav-item">
                <a data-scroll class="nav-link" href="#contact">Contact</a>
              </li>
            </ul>
          </div>
          <!-- navbar-collapse collapse -->
          <a href="javascript:void(0)" class="ms-toggle-left btn-navbar-menu">
            <i class="zmdi zmdi-menu"></i>
          </a>
        </div>
        <!-- container -->
      </nav>
      <div class="intro-full ms-hero-img-city2 ms-hero-bg-primary color-white" id="home">
        <div id="intro-video" class="" data-type="youtube" data-video-id="V-FgQ2NAGFc" data-plyr='{ "autoplay": true, "volume": 0, "controls": [], "loop": true }'></div>
        <div class="intro-full-content index-1">
          <div class="container">
            <div class="text-center mb-4">
              <span class="ms-logo ms-logo-lg ms-logo-white center-block mb-2 mt-2 animated zoomInDown animation-delay-5">M</span>
              <h1 class="no-m ms-site-title color-white center-block ms-site-title-lg mt-2 animated zoomInDown animation-delay-5">Material
                <span>Style</span>
              </h1>
              <p class="lead lead-lg color-white text-center center-block mt-2 mw-800 text-uppercase fw-300 animated fadeInUp animation-delay-7">Discover our projects and the
                <span class="color-warning">rigorous process</span> of creation. Our principles are creativity, design, experience and knowledge.</p>
            </div>
            <div class="text-center mb-2">
              <a id="go-intro-full-next" href="javascript:void(0)" class="btn-circle btn-circle-raised btn-circle-white animated zoomInUp animation-delay-12">
                <i class="zmdi zmdi-long-arrow-down"></i>
              </a>
            </div>
          </div>
        </div>
      </div>
      <div class="btn-back-top">
        <a href="#" data-scroll id="back-top" class="btn-circle btn-circle-primary btn-circle-sm btn-circle-raised ">
          <i class="zmdi zmdi-long-arrow-up"></i>
        </a>
      </div>
      <div class="bg-light index-1 intro-full-next pt-6">
        <div class="container" id="intro-next">
          <h2 class="text-center color-primary mb-2 wow fadeInDown animation-delay-4">Know our amazing features</h2>
          <p class="lead text-center aco wow fadeInDown animation-delay-5 mw-800 center-block mb-4"> Lorem ipsum dolor sit amet,
            <span class="color-primary">consectetur adipisicing</span> elit. Dolor alias provident excepturi eligendi, nam numquam iusto eum illum, ea quisquam.</p>
          <div class="row">
            <div class="ms-feature col-xl-3 col-lg-3 col-md-6 col-sm-6 card wow fadeInUp animation-delay-4">
              <div class="text-center card-block">
                <span class="ms-icon ms-icon-circle ms-icon-xxlg color-info">
                  <i class="zmdi zmdi-cloud-outline"></i>
                </span>
                <h4 class="color-info">A feature title</h4>
                <p class="">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus dicta error.</p>
                <a href="javascript:void(0)" class="btn btn-info btn-raised">Action here</a>
              </div>
            </div>
            <div class="ms-feature col-xl-3 col-lg-3 col-md-6 col-sm-6 card wow fadeInUp animation-delay-8">
              <div class="text-center card-block">
                <span class="ms-icon ms-icon-circle ms-icon-xxlg color-warning">
                  <i class="zmdi zmdi-desktop-mac"></i>
                </span>
                <h4 class="color-warning">A feature title</h4>
                <p class="">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus dicta error.</p>
                <a href="javascript:void(0)" class="btn btn-warning btn-raised">Action here</a>
              </div>
            </div>
            <div class="ms-feature col-xl-3 col-lg-3 col-md-6 col-sm-6 card wow fadeInUp animation-delay-10">
              <div class="text-center card-block">
                <span class="ms-icon ms-icon-circle ms-icon-xxlg color-success">
                  <i class="zmdi zmdi-download"></i>
                </span>
                <h4 class="color-success">A feature title</h4>
                <p class="">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus dicta error.</p>
                <a href="javascript:void(0)" class="btn btn-success btn-raised">Action here</a>
              </div>
            </div>
            <div class="ms-feature col-xl-3 col-lg-3 col-md-6 col-sm-6 card wow fadeInUp animation-delay-6">
              <div class="text-center card-block">
                <span class="ms-icon ms-icon-circle ms-icon-xxlg  color-danger">
                  <i class="zmdi zmdi-flower-alt"></i>
                </span>
                <h4 class="color-danger">A feature title</h4>
                <p class="">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus dicta error.</p>
                <a href="javascript:void(0)" class="btn btn-danger btn-raised">Action here</a>
              </div>
            </div>
          </div>
        </div>
        <!-- container -->
        <section id="services" class="mt-6">
          <div class="wrap ms-hero-img-meeting ms-hero-bg-info color-white ms-bg-fixed">
            <div class="container">
              <div class="text-center mb-4">
                <h1 class="wow zoomInDown">Services</h1>
                <h3 class="wow zoomInDown">Knows the
                  <span class="text-normal">Material Style</span> and surprise yourself</h3>
              </div>
              <div class="row">
                <div class="col-lg-6">
                  <h3 class="wow fadeInUp animation-delay-2">Description</h3>
                  <p class="wow fadeInUp animation-delay-3">Lorem ipsum dolor sit amet,
                    <strong>consectetur adipisicing elit</strong>. Repellat cum laudantium quos tempora magnam voluptas sint perspiciatis nulla ipsa itaque atque quod incidunt maiores iusto, laborum, magni aliquam. Aut eligendi nesciunt nobis eum dolorum maxime
                    corporis dicta, repudiandae eveniet ab laboriosam minima voluptate quaerat sequi modi suscipit cumque unde rerum.</p>
                  <p class="wow fadeInUp animation-delay-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis porro, magni obcaecati cupiditate nulla rem quae, eveniet corrupti reprehenderit maiores nobis doloribus expedita non quasi itaque. Incidunt, delectus quidem vitae laudantium,
                    natus
                    <a href="#" class="color-warning">quibusdam odio eius eligendi</a> tenetur! Ea, repudiandae eveniet ab minima laboriosam minima voluptate quaerat sequi harum.</p>
                </div>
                <div class="col-lg-6">
                  <div class="ms-collapse" id="accordion2" role="tablist" aria-multiselectable="true">
                    <div class="mb-0 card card-info wow fadeInUp animation-delay-2">
                      <div class="card-header" role="tab" id="headingOne2">
                        <h4 class="card-title">
                          <a class="withripple" role="button" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne2" aria-expanded="true" aria-controls="collapseOne2">
                            <i class="fa fa-lightbulb-o"></i> Talent and creativity </a>
                        </h4>
                      </div>
                      <div id="collapseOne2" class="card-collapse collapse show" role="tabpanel" aria-labelledby="headingOne2">
                        <div class="card-block color-dark">
                          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati molestiae id ipsum ipsa repudiandae. Voluptatum quos facilis sequi. Ullam optio eius deleniti dolore quasi doloribus ipsam.</p>
                          <p>Dolores, corrupti, aliquam doloremque accusantium nemo sunt veniam est incidunt perferendis minima obcaecati ex aperiam voluptatibus blanditiis eum suscipit magnam dolorum in adipisci nihil.</p>
                        </div>
                      </div>
                    </div>
                    <div class="mb-0 card card-info wow fadeInUp animation-delay-5">
                      <div class="card-header" role="tab" id="headingTwo2">
                        <h4 class="card-title">
                          <a class="collapsed withripple" role="button" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo2" aria-expanded="false" aria-controls="collapseTwo2">
                            <i class="fa fa-desktop"></i> Design and code </a>
                        </h4>
                      </div>
                      <div id="collapseTwo2" class="card-collapse collapse" role="tabpanel" aria-labelledby="headingTwo2">
                        <div class="card-block color-dark">
                          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit dignissimos inventore cupiditate expedita saepe enim nobis nostrum? Laborum, laudantium, maiores, cupiditate, perspiciatis at ad accusamus.</p>
                          <p>Incidunt, harum itaque voluptatum asperiores recusandae explicabo maiores. Alias, quos, ex impedit at error id laborum fugit architecto qui beatae molestiae dolorum rem veritatis quia aliquam totam.</p>
                        </div>
                      </div>
                    </div>
                    <div class="mb-0 card card-info wow fadeInUp animation-delay-7">
                      <div class="card-header" role="tab" id="headingThree3">
                        <h4 class="card-title">
                          <a class="collapsed withripple" role="button" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree2" aria-expanded="false" aria-controls="collapseThree2">
                            <i class="fa fa-user"></i> Quality and Support </a>
                        </h4>
                      </div>
                      <div id="collapseThree2" class="card-collapse collapse" role="tabpanel" aria-labelledby="headingThree2">
                        <div class="card-block color-dark">
                          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia, rerum unde doloribus accusamus pariatur non expedita quibusdam velit totam obcaecati. Consequatur, deserunt, asperiores quam nisi earum voluptates.</p>
                          <p>Dolorum, aliquam, totam labore saepe error a eum culpa assumenda sint laudantium ipsa iure ullam et dicta nesciunt repellendus optio voluptatibus reprehenderit odit officia fugiat necessitatibus recusandae architecto.</p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="mt-6 color-dark">
                <h2 class="color-white text-center mb-4 wow fadeInUp animation-delay-2">Some numerical data</h2>
                <div class="row">
                  <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="card card-royal-inverse card-block text-center wow zoomInUp animation-delay-2">
                      <h2 class="counter">450</h2>
                      <i class="fa fa-4x fa-coffee"></i>
                      <p class="mt-2 no-mb lead small-caps">cups of coffee</p>
                    </div>
                  </div>
                  <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="card card-success-inverse card-block text-center wow zoomInUp animation-delay-5">
                      <h2 class="counter">64</h2>
                      <i class="fa fa-4x fa-briefcase"></i>
                      <p class="mt-2 no-mb lead small-caps">projects done</p>
                    </div>
                  </div>
                  <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="card card-danger-inverse card-block text-center wow zoomInUp animation-delay-4">
                      <h2 class="counter">600</h2>
                      <i class="fa fa-4x fa-comments-o"></i>
                      <p class="mt-2 no-mb lead small-caps">comments</p>
                    </div>
                  </div>
                  <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="card card-warning-inverse card-block text-center wow zoomInUp animation-delay-3">
                      <h2 class="counter">3500</h2>
                      <i class="fa fa-4x fa-group"></i>
                      <p class="mt-2 no-mb lead small-caps">happy clients</p>
                    </div>
                  </div>
                </div>
                <div class="text-center color-white mw-800 center-block mt-4">
                  <p class="lead lead-lg wow fadeInUp animation-delay-2">Discover our projects and the rigorous process of creation. Our principles are creativity, design, experience and knowledge. We are backed by 20 years of research.</p>
                  <a href="javascript:void(0)" class="btn btn-raised btn-xlg btn-white color-info wow flipInX animation-delay-5">
                    <i class="fa fa-space-shuttle"></i> I have a project</a>
                </div>
              </div>
            </div>
          </div>
        </section>
        <section id="portfolio" class="">
          <div class="wrap ms-hero-bg-dark ms-hero-img-keyboard ms-bg-fixed">
            <div class="container index-1">
              <div class="text-center color-white mb-4 mw-800 center-block">
                <h1 class="wow fadeInUp animation-delay-2">Latest Works</h1>
                <p class="lead color-medium wow fadeInUp animation-delay-2">Discover our projects and the rigorous process of creation. Our principles are creativity, design, experience and
                  <span class="color-white">knowledge</span>. We are backed by 20 years of research.</p>
              </div>
              <div class="row">
                <div class="col-lg-4 col-md-6 col-sm-6 mb-4">
                  <div class="ms-thumbnail-container wow fadeInUp">
                    <figure class="ms-thumbnail ms-thumbnail-top ms-thumbnail-info">
                      <img src="assets/img/demo/port9.jpg" alt="" class="img-fluid">
                      <figcaption class="ms-thumbnail-caption text-center">
                        <div class="ms-thumbnail-caption-content">
                          <h3 class="ms-thumbnail-caption-title">Lorem ipsum dolor sit</h3>
                          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                          <a href="javascript:void(0)" class="btn btn-raised btn-white color-primary btn-sm">
                            <i class="zmdi zmdi-eye"></i> View more</a>
                        </div>
                      </figcaption>
                    </figure>
                  </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-6 mb-4">
                  <div class="ms-thumbnail-container wow fadeInUp">
                    <figure class="ms-thumbnail ms-thumbnail-top ms-thumbnail-info">
                      <img src="assets/img/demo/port11.jpg" alt="" class="img-fluid">
                      <figcaption class="ms-thumbnail-caption text-center">
                        <div class="ms-thumbnail-caption-content">
                          <h3 class="ms-thumbnail-caption-title">Lorem ipsum dolor sit</h3>
                          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                          <a href="javascript:void(0)" class="btn btn-raised btn-white color-primary btn-sm">
                            <i class="zmdi zmdi-eye"></i> View more</a>
                        </div>
                      </figcaption>
                    </figure>
                  </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-6 mb-4">
                  <div class="ms-thumbnail-container wow fadeInUp">
                    <figure class="ms-thumbnail ms-thumbnail-top ms-thumbnail-info">
                      <img src="assets/img/demo/port23.jpg" alt="" class="img-fluid">
                      <figcaption class="ms-thumbnail-caption text-center">
                        <div class="ms-thumbnail-caption-content">
                          <h3 class="ms-thumbnail-caption-title">Lorem ipsum dolor sit</h3>
                          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                          <a href="javascript:void(0)" class="btn btn-raised btn-white color-primary btn-sm">
                            <i class="zmdi zmdi-eye"></i> View more</a>
                        </div>
                      </figcaption>
                    </figure>
                  </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-6 mb-4">
                  <div class="ms-thumbnail-container wow fadeInUp">
                    <figure class="ms-thumbnail ms-thumbnail-top ms-thumbnail-info">
                      <img src="assets/img/demo/port7.jpg" alt="" class="img-fluid">
                      <figcaption class="ms-thumbnail-caption text-center">
                        <div class="ms-thumbnail-caption-content">
                          <h3 class="ms-thumbnail-caption-title">Lorem ipsum dolor sit</h3>
                          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                          <a href="javascript:void(0)" class="btn btn-raised btn-white color-primary btn-sm">
                            <i class="zmdi zmdi-eye"></i> View more</a>
                        </div>
                      </figcaption>
                    </figure>
                  </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-6 mb-4">
                  <div class="ms-thumbnail-container wow fadeInUp">
                    <figure class="ms-thumbnail ms-thumbnail-top ms-thumbnail-info">
                      <img src="assets/img/demo/port4.jpg" alt="" class="img-fluid">
                      <figcaption class="ms-thumbnail-caption text-center">
                        <div class="ms-thumbnail-caption-content">
                          <h3 class="ms-thumbnail-caption-title">Lorem ipsum dolor sit</h3>
                          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                          <a href="javascript:void(0)" class="btn btn-raised btn-white color-primary btn-sm">
                            <i class="zmdi zmdi-eye"></i> View more</a>
                        </div>
                      </figcaption>
                    </figure>
                  </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-6 mb-4">
                  <div class="ms-thumbnail-container wow fadeInUp">
                    <figure class="ms-thumbnail ms-thumbnail-top ms-thumbnail-info">
                      <img src="assets/img/demo/port2.jpg" alt="" class="img-fluid">
                      <figcaption class="ms-thumbnail-caption text-center">
                        <div class="ms-thumbnail-caption-content">
                          <h3 class="ms-thumbnail-caption-title">Lorem ipsum dolor sit</h3>
                          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                          <a href="javascript:void(0)" class="btn btn-raised btn-white color-primary btn-sm">
                            <i class="zmdi zmdi-eye"></i> View more</a>
                        </div>
                      </figcaption>
                    </figure>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
        <section id="pricing">
          <div class="wrap ms-hero-img-airplane ms-hero-bg-royal ms-bg-fixed">
            <div class="container">
              <div class="text-center mb-4">
                <h2 class="uppercase color-white wow fadeInDown animation-delay-2">See our subscription plans</h2>
                <p class="lead uppercase color-light wow fadeInDown animation-delay-2">Surprise with our unique features</p>
              </div>
              <div class="row no-gutters">
                <div class="col-lg-4">
                  <div class="price-table price-table-info wow zoomInUp">
                    <header class="price-table-header">
                      <span class="price-table-category">Personal</span>
                      <h3>
                        <sup>$</sup>19
                        <sub>/mo.</sub>
                      </h3>
                    </header>
                    <div class="price-table-body">
                      <ul class="price-table-list">
                        <li>
                          <i class="zmdi zmdi-code"></i> Lorem ipsum dolor sit amet.</li>
                        <li>
                          <i class="zmdi zmdi-globe"></i> Voluptate ex quam autem. Dolor.</li>
                        <li>
                          <i class="zmdi zmdi-settings"></i> Dignissimos velit reiciendis.</li>
                        <li>
                          <i class="zmdi zmdi-cloud"></i> Nihil corrupti soluta vitae non.</li>
                        <li>
                          <i class="zmdi zmdi-star"></i> Atque molestiae, blanditiis ratione.</li>
                      </ul>
                      <div class="text-center">
                        <a href="javascript:void(0)" class="btn btn-info btn-raised">
                          <i class="zmdi zmdi-cloud-download"></i> Get Now</a>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-lg-4">
                  <div class="price-table price-table-success prominent wow zoomInDown">
                    <header class="price-table-header">
                      <span class="price-table-category">Professional</span>
                      <h3>
                        <sup>$</sup>49
                        <sub>/mo.</sub>
                      </h3>
                    </header>
                    <div class="price-table-body">
                      <ul class="price-table-list">
                        <li>
                          <i class="zmdi zmdi-code"></i> Lorem ipsum dolor sit amet.</li>
                        <li>
                          <i class="zmdi zmdi-globe"></i> Voluptate ex quam autem. Dolor.</li>
                        <li>
                          <i class="zmdi zmdi-settings"></i> Dignissimos velit reiciendis.</li>
                        <li>
                          <i class="zmdi zmdi-cloud"></i> Nihil corrupti soluta vitae non.</li>
                        <li>
                          <i class="zmdi zmdi-star"></i> Atque molestiae, blanditiis ratione.</li>
                      </ul>
                      <div class="text-center">
                        <a href="javascript:void(0)" class="btn btn-success btn-raised">
                          <i class="zmdi zmdi-cloud-download"></i> Get Now</a>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-lg-4">
                  <div class="price-table price-table-warning wow zoomInUp">
                    <header class="price-table-header">
                      <span class="price-table-category">Business</span>
                      <h3>
                        <sup>$</sup>99
                        <sub>/mo.</sub>
                      </h3>
                    </header>
                    <div class="price-table-body">
                      <ul class="price-table-list">
                        <li>
                          <i class="zmdi zmdi-code"></i> Lorem ipsum dolor sit amet.</li>
                        <li>
                          <i class="zmdi zmdi-globe"></i> Voluptate ex quam autem. Dolor.</li>
                        <li>
                          <i class="zmdi zmdi-settings"></i> Dignissimos velit reiciendis.</li>
                        <li>
                          <i class="zmdi zmdi-cloud"></i> Nihil corrupti soluta vitae non.</li>
                        <li>
                          <i class="zmdi zmdi-star"></i> Atque molestiae, blanditiis ratione.</li>
                      </ul>
                      <div class="text-center">
                        <a href="javascript:void(0)" class="btn btn-warning btn-raised">
                          <i class="zmdi zmdi-cloud-download"></i> Get Now</a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!--container -->
          </div>
        </section>
        <section id="about">
          <div class="container pt-6">
            <h2 class="right-line">About Us</h2>
            <div class="row">
              <div class="col-lg-6">
                <h3 class="color-primary wow fadeInUp animation-delay-2">Description</h3>
                <p class="wow fadeInUp animation-delay-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat cum laudantium quos tempora magnam voluptas sint perspiciatis nulla ipsa itaque atque quod incidunt maiores iusto, laborum, magni aliquam. Aut eligendi nesciunt nobis eum
                  dolorum maxime corporis dicta, repudiandae eveniet ab laboriosam minima voluptate quaerat sequi modi suscipit cumque unde rerum.</p>
                <p class="wow fadeInUp animation-delay-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis porro, magni obcaecati cupiditate nulla rem quae, eveniet corrupti reprehenderit maiores nobis doloribus expedita non quasi itaque. Incidunt, delectus quidem vitae laudantium,
                  natus quibusdam odio eius eligendi tenetur! Ea, repudiandae eveniet ab minima laboriosam minima voluptate quaerat sequi harum.</p>
              </div>
              <div class="col-lg-6">
                <h3 class="color-primary wow fadeInUp animation-delay-2">Knowledge</h3>
                <div class="progress progress-lg wow fadeInUp animation-delay-6">
                  <div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;"> HTML 5 &amp; CSS 3 </div>
                </div>
                <div class="progress progress-lg wow fadeInUp animation-delay-8">
                  <div class="progress-bar" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%"> Javascript &amp; Jquery </div>
                </div>
                <div class="progress progress-lg wow fadeInUp animation-delay-10">
                  <div class="progress-bar" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%"> PHP 5 &amp; MYSQL 5 </div>
                </div>
                <div class="progress progress-lg wow fadeInUp animation-delay-12">
                  <div class="progress-bar" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%"> C/C++ </div>
                </div>
                <div class="progress progress-lg wow fadeInUp animation-delay-14">
                  <div class="progress-bar" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%"> Python </div>
                </div>
                <div class="progress progress-lg wow fadeInUp animation-delay-16">
                  <div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%"> Node.js </div>
                </div>
              </div>
            </div>
          </div>
        </section>
        <section id="team">
          <div class="container pt-6">
            <h1 class="color-primary text-center wow fadeInUp animation-delay-2">Our Team</h1>
            <div class="row">
              <div class="col-lg-4 col-sm-6">
                <div class="card mt-4 card-danger wow zoomInUp animation-delay-7">
                  <div class="ms-hero-bg-danger ms-hero-img-city">
                    <img src="assets/img/demo/avatar1.jpg" alt="..." class="img-avatar-circle"> </div>
                  <div class="card-block pt-6 text-center">
                    <h3 class="color-danger">Victoria Smith</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur alter adipisicing elit. Facilis, natuse inse voluptates officia repudiandae beatae magni es magnam autem molestias.</p>
                    <a href="javascript:void(0)" class="btn-circle btn-circle-raised btn-circle-xs mt-1 mr-1 no-mr-md btn-facebook">
                      <i class="zmdi zmdi-facebook"></i>
                    </a>
                    <a href="javascript:void(0)" class="btn-circle btn-circle-raised btn-circle-xs mt-1 mr-1 no-mr-md btn-twitter">
                      <i class="zmdi zmdi-twitter"></i>
                    </a>
                    <a href="javascript:void(0)" class="btn-circle btn-circle-raised btn-circle-xs mt-1 mr-1 no-mr-md btn-instagram">
                      <i class="zmdi zmdi-instagram"></i>
                    </a>
                  </div>
                </div>
              </div>
              <div class="col-lg-4 col-sm-6">
                <div class="card mt-4 card-info wow zoomInUp animation-delay-7">
                  <div class="ms-hero-bg-info ms-hero-img-city">
                    <img src="assets/img/demo/avatar2.jpg" alt="..." class="img-avatar-circle"> </div>
                  <div class="card-block pt-6 text-center">
                    <h3 class="color-info">Charlie Durant</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur alter adipisicing elit. Facilis, natuse inse voluptates officia repudiandae beatae magni es magnam autem molestias.</p>
                    <a href="javascript:void(0)" class="btn-circle btn-circle-raised btn-circle-xs mt-1 mr-1 no-mr-md btn-facebook">
                      <i class="zmdi zmdi-facebook"></i>
                    </a>
                    <a href="javascript:void(0)" class="btn-circle btn-circle-raised btn-circle-xs mt-1 mr-1 no-mr-md btn-twitter">
                      <i class="zmdi zmdi-twitter"></i>
                    </a>
                    <a href="javascript:void(0)" class="btn-circle btn-circle-raised btn-circle-xs mt-1 mr-1 no-mr-md btn-instagram">
                      <i class="zmdi zmdi-instagram"></i>
                    </a>
                  </div>
                </div>
              </div>
              <div class="col-lg-4 col-sm-6">
                <div class="card mt-4 card-warning wow zoomInUp animation-delay-7">
                  <div class="ms-hero-bg-warning ms-hero-img-city">
                    <img src="assets/img/demo/avatar3.jpg" alt="..." class="img-avatar-circle"> </div>
                  <div class="card-block pt-6 text-center">
                    <h3 class="color-warning">Joan Fawert</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur alter adipisicing elit. Facilis, natuse inse voluptates officia repudiandae beatae magni es magnam autem molestias.</p>
                    <a href="javascript:void(0)" class="btn-circle btn-circle-raised btn-circle-xs mt-1 mr-1 no-mr-md btn-facebook">
                      <i class="zmdi zmdi-facebook"></i>
                    </a>
                    <a href="javascript:void(0)" class="btn-circle btn-circle-raised btn-circle-xs mt-1 mr-1 no-mr-md btn-twitter">
                      <i class="zmdi zmdi-twitter"></i>
                    </a>
                    <a href="javascript:void(0)" class="btn-circle btn-circle-raised btn-circle-xs mt-1 mr-1 no-mr-md btn-instagram">
                      <i class="zmdi zmdi-instagram"></i>
                    </a>
                  </div>
                </div>
              </div>
              <div class="col-lg-4 col-sm-6">
                <div class="card mt-4 card-royal wow zoomInUp animation-delay-7">
                  <div class="ms-hero-bg-royal ms-hero-img-city">
                    <img src="assets/img/demo/avatar4.jpg" alt="..." class="img-avatar-circle"> </div>
                  <div class="card-block pt-6 text-center">
                    <h3 class="color-royal">Sophie Marks</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur alter adipisicing elit. Facilis, natuse inse voluptates officia repudiandae beatae magni es magnam autem molestias.</p>
                    <a href="javascript:void(0)" class="btn-circle btn-circle-raised btn-circle-xs mt-1 mr-1 no-mr-md btn-facebook">
                      <i class="zmdi zmdi-facebook"></i>
                    </a>
                    <a href="javascript:void(0)" class="btn-circle btn-circle-raised btn-circle-xs mt-1 mr-1 no-mr-md btn-twitter">
                      <i class="zmdi zmdi-twitter"></i>
                    </a>
                    <a href="javascript:void(0)" class="btn-circle btn-circle-raised btn-circle-xs mt-1 mr-1 no-mr-md btn-instagram">
                      <i class="zmdi zmdi-instagram"></i>
                    </a>
                  </div>
                </div>
              </div>
              <div class="col-lg-4 col-sm-6">
                <div class="card mt-4 card-success wow zoomInUp animation-delay-7">
                  <div class="ms-hero-bg-success ms-hero-img-city">
                    <img src="assets/img/demo/avatar5.jpg" alt="..." class="img-avatar-circle"> </div>
                  <div class="card-block pt-6 text-center">
                    <h3 class="color-success">Cris Polner</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur alter adipisicing elit. Facilis, natuse inse voluptates officia repudiandae beatae magni es magnam autem molestias.</p>
                    <a href="javascript:void(0)" class="btn-circle btn-circle-raised btn-circle-xs mt-1 mr-1 no-mr-md btn-facebook">
                      <i class="zmdi zmdi-facebook"></i>
                    </a>
                    <a href="javascript:void(0)" class="btn-circle btn-circle-raised btn-circle-xs mt-1 mr-1 no-mr-md btn-twitter">
                      <i class="zmdi zmdi-twitter"></i>
                    </a>
                    <a href="javascript:void(0)" class="btn-circle btn-circle-raised btn-circle-xs mt-1 mr-1 no-mr-md btn-instagram">
                      <i class="zmdi zmdi-instagram"></i>
                    </a>
                  </div>
                </div>
              </div>
              <div class="col-lg-4 col-sm-6">
                <div class="card mt-4 card-primary wow zoomInUp animation-delay-7">
                  <div class="ms-hero-bg-primary ms-hero-img-city">
                    <img src="assets/img/demo/avatar6.jpg" alt="..." class="img-avatar-circle"> </div>
                  <div class="card-block pt-6 text-center">
                    <h3 class="color-primary">Julia Robert</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur alter adipisicing elit. Facilis, natuse inse voluptates officia repudiandae beatae magni es magnam autem molestias.</p>
                    <a href="javascript:void(0)" class="btn-circle btn-circle-raised btn-circle-xs mt-1 mr-1 no-mr-md btn-facebook">
                      <i class="zmdi zmdi-facebook"></i>
                    </a>
                    <a href="javascript:void(0)" class="btn-circle btn-circle-raised btn-circle-xs mt-1 mr-1 no-mr-md btn-twitter">
                      <i class="zmdi zmdi-twitter"></i>
                    </a>
                    <a href="javascript:void(0)" class="btn-circle btn-circle-raised btn-circle-xs mt-1 mr-1 no-mr-md btn-instagram">
                      <i class="zmdi zmdi-instagram"></i>
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
        <section id="contact" class="mt-6">
          <div class="wrap ms-hero-bg-warning ms-hero-img-team ms-bg-fixed">
            <div class="container">
              <h1 class="text-center color-white mb-4 wow fadeInUp animation-delay-2">Contact Us</h1>
              <div class="row">
                <div class="col-lg-12">
                  <div class="card card-primary animated zoomInUp animation-delay-5">
                    <div class="card-block">
                      <form class="form-horizontal">
                        <fieldset class="container">
                          <div class="form-group row">
                            <label for="inputEmail" autocomplete="false" class="col-lg-2 control-label">Name</label>
                            <div class="col-lg-9">
                              <input type="text" class="form-control" id="inputName" placeholder="Name"> </div>
                          </div>
                          <div class="form-group row">
                            <label for="inputEmail" autocomplete="false" class="col-lg-2 control-label">Email</label>
                            <div class="col-lg-9">
                              <input type="email" class="form-control" id="inputEmail" placeholder="Email"> </div>
                          </div>
                          <div class="form-group row">
                            <label for="inputEmail" autocomplete="false" class="col-lg-2 control-label">Subject</label>
                            <div class="col-lg-9">
                              <input type="text" class="form-control" id="inputSubject" placeholder="Subject"> </div>
                          </div>
                          <div class="form-group row">
                            <label for="textArea" class="col-lg-2 control-label">Message</label>
                            <div class="col-lg-9">
                              <textarea class="form-control" rows="3" id="textArea" placeholder="Yout message..."></textarea>
                            </div>
                          </div>
                          <div class="form-group row justify-content-end">
                            <div class="col-lg-10">
                              <button type="submit" class="btn btn-raised btn-primary">Submit</button>
                              <button type="button" class="btn btn-danger">Cancel</button>
                            </div>
                          </div>
                        </fieldset>
                      </form>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- container -->
          </div>
          <iframe width="100%" height="340" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d48342.06480344582!2d-73.980069429762!3d40.775680208459505!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c2589a018531e3%3A0xb9df1f7387a94119!2sCentral+Park!5e0!3m2!1sen!2sus!4v1491233314840"></iframe>
        </section>
        <footer class="ms-footer">
          <div class="container">
            <p>Copyright &copy; Material Style 2017</p>
          </div>
        </footer>
        <div class="btn-back-top">
          <a href="#" data-scroll id="back-top" class="btn-circle btn-circle-primary btn-circle-sm btn-circle-raised ">
            <i class="zmdi zmdi-long-arrow-up"></i>
          </a>
        </div>
      </div>
    </div>
    <!-- ms-site-container -->
    <div class="ms-slidebar sb-slidebar sb-left sb-momentum-scrolling sb-style-overlay">
      <header class="ms-slidebar-header">
        <div class="ms-slidebar-login">
          <a href="javascript:void(0)" class="withripple">
            <i class="zmdi zmdi-account"></i> Login</a>
          <a href="javascript:void(0)" class="withripple">
            <i class="zmdi zmdi-account-add"></i> Register</a>
        </div>
        <div class="ms-slidebar-title">
          <form class="search-form">
            <input id="search-box-slidebar" type="text" class="search-input" placeholder="Search..." name="q" />
            <label for="search-box-slidebar">
              <i class="zmdi zmdi-search"></i>
            </label>
          </form>
          <div class="ms-slidebar-t">
            <span class="ms-logo ms-logo-sm">M</span>
            <h3>Material
              <span>Style</span>
            </h3>
          </div>
        </div>
      </header>
      <ul class="ms-slidebar-menu" id="slidebar-menu" role="tablist" aria-multiselectable="true">
        <li>
          <a data-scroll class="link" href="#home">
            <i class="zmdi zmdi-home"></i> Home</a>
        </li>
        <li>
          <a data-scroll class="link" href="#services">
            <i class="zmdi zmdi-flight-takeoff"></i> Services</a>
        </li>
        <li>
          <a data-scroll class="link" href="#portfolio">
            <i class="zmdi zmdi-desktop-mac"></i> Portfolio</a>
        </li>
        <li>
          <a data-scroll class="link" href="#pricing">
            <i class="zmdi zmdi-money-box"></i> Pricing</a>
        </li>
        <li>
          <a data-scroll class="link" href="#about">
            <i class="zmdi zmdi-info-outline"></i> About Us</a>
        </li>
        <li>
          <a data-scroll class="link" href="#team">
            <i class="zmdi zmdi-accounts"></i> Team</a>
        </li>
        <li>
          <a data-scroll class="link" href="#contact">
            <i class="zmdi zmdi-email"></i> Contact</a>
        </li>
        <li>
          <a data-scroll class="link" href="index.html">
            <i class="zmdi zmdi-swap"></i> Main Site</a>
        </li>
      </ul>
      <div class="ms-slidebar-social ms-slidebar-block">
        <h4 class="ms-slidebar-block-title">Social Links</h4>
        <div class="ms-slidebar-social">
          <a href="javascript:void(0)" class="btn-circle btn-circle-raised btn-circle-sm btn-facebook">
            <i class="zmdi zmdi-facebook"></i>
            <span class="badge-pill badge-pill-pink">12</span>
          </a>
          <a href="javascript:void(0)" class="btn-circle btn-circle-raised btn-circle-sm btn-twitter">
            <i class="zmdi zmdi-twitter"></i>
            <span class="badge-pill badge-pill-pink">4</span>
          </a>
          <a href="javascript:void(0)" class="btn-circle btn-circle-raised btn-circle-sm btn-youtube">
            <i class="zmdi zmdi-youtube"></i>
          </a>
          <a href="javascript:void(0)" class="btn-circle btn-circle-raised btn-circle-sm btn-instagram">
            <i class="zmdi zmdi-instagram"></i>
          </a>
        </div>
      </div>
    </div>
    <script src="assets/js/plugins.min.js"></script>
    <script src="assets/js/app.min.js"></script>
    <script src="assets/js/configurator.min.js"></script>
    <script>
      (function(i, s, o, g, r, a, m)
      {
        i['GoogleAnalyticsObject'] = r;
        i[r] = i[r] || function()
        {
          (i[r].q = i[r].q || []).push(arguments)
        }, i[r].l = 1 * new Date();
        a = s.createElement(o),
          m = s.getElementsByTagName(o)[0];
        a.async = 1;
        a.src = g;
        m.parentNode.insertBefore(a, m)
      })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
      ga('create', 'UA-90917746-2', 'auto');
      ga('send', 'pageview');
    </script>
    <script src="assets/js/lead-full.js"></script>
  </body>
</html>